<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../common/js/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../common/js/bootstrap-3.3.7-dist/css/bootstrap-datatimepicker.4.14.47.min.css" />

		<link rel="stylesheet" type="text/css" href="../../css/footer.css" />
		<link rel="stylesheet" type="text/css" href="../../css/swiper-3.4.2.min.css" />
		<!--<link rel="stylesheet" type="text/css" href="css/manager.css"/>-->

		<script src="../../../common/js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script ssrc="../../../common/js/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../common/js/bootstrap-3.3.7-dist/js/moment-with-locales.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../common/js/bootstrap-3.3.7-dist/js/bootstrap-datatimepicker.4.14.47.js" type="text/javascript" charset="utf-8"></script>

		<!--画图插件-->
		<!--<script src="../../js/Chart.addTest.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="../../js/flexible.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			#tabHead {
				padding: 0.347222rem 0;
				overflow: hidden;
				margin-bottom: 0px;
			}
			
			.tabMain {
				font-size: 0.416666rem;
				text-align: center;
				float: left;
				width:33.3333333333%;
				color: #000000;
			}
			.liMain{
				font-size: 0.333333rem;
				text-align: center;
				float: left;
				width: 33.3333333%;
				color: #000000;
				padding: 0.416666rem 0rem;
				border-bottom: 1px solid gainsboro;
			}
			.activeIntegral {
				width: 50%;
				text-align: center;
				overflow: hidden;
				float: left;
				
			}
			.table{
				width: 78%;
				margin: auto;
				margin-bottom: 0;
			}
			.td1{
				width: 31%;
			}
			.td2{
				font-weight: bold;
			}
		</style>
	</head>

	<body>
		<div id="wrap">
			<div id="main">
				<div id="header">
					<a id="headImg" href="javascript:history.go(-1)"><img class="headImg" src="../../images/12.png" /></a>
					<p id="headTitle" style="font-size: 16px;">综合报表</p>
					<a href="renshi.html" style="position: absolute;top: .2rem;right: .3333rem;border: 1px solid red;padding:.1rem .2rem;border-radius: .6rem;color: red;" href="#">人事档案</a>
				</div>
				<div id="content" style="padding-top: 1.3rem;">
					<!--<p style="overflow: hidden;padding: 0.347222rem 0;background-color: white;"><span class="tabMain">产品部</span><span class="tabMain">员工</span><span class="tabMain">张丽婷</span></p>-->
					<table style="width: 100%;text-align: center; font-size: 0.38rem;" class="table table-hover">
						<tr style="font-weight: bold; background: #dcdcdc;">
							<td>产品部</td>
							<td>经理</td>
							<td>马忠阳</td>
						</tr>
					</table>
					<table class="table table-striped" style="font-size: 0.38rem;">
						<tr>
							<td class="td1">正常打卡：</td>
							<td>21次</td>
							<td></td>
						</tr>
						<tr>
							<td class="td1">早退：</td>
							<td>01次</td>
							<td></td>
						</tr>
						<tr>
							<td class="td1">迟到：</td>
							<td>0次</td>
							<td></td>
						</tr>
						<tr>
							<td class="td1">严重迟到：</td>
							<td>0次</td>
							<td></td>
						</tr>
						<tr>
							<td class="td1">旷工：</td>
							<td>0次</td>
							<td></td>
						</tr>
						<tr>
							<td class="td1 td2">请假</td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td class="td1">婚假：</td>
							<td>无</td>
							<td></td>
						</tr>
						<tr>
							<td class="td1">事假：</td>
							<td>无</td>
							<td></td>
						</tr>
						<tr>
							<td class="td1 td2">外出</td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td class="td1">出差：</td>
							<td>0</td>
							<td></td>
						</tr>
					</table>
					
				</div>
			</div>
			<div id="foot" class="row">
				<a class="foot col-xs-3 col-sm-3" href="../kaoqin/index2.html">
					<img class="footImg" src="../../images/guanlixuanzhong.png" />
					<p>管理</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../coalition/colalition.html">
					<img class="footImg" src="../../images/lianmengchushi.png" />
					<p>联盟</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../store/store.html">
					<img class="footImg" src="../../images/11.png" />
					<p>商城</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../personage/personIndex.html">
					<img class="footImg" src="../../images/13.png" />
					<p>我的</p>
				</a>
			</div>
		</div>

	</body>
	<script src="../../js/handlebars-v2.0.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/rhAdmin.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			var url=location.href;
			alert(url)
			var i=url.indexOf('?');
                if(i==-1)return;
                var querystr=url.substr(i+1);
              //  alert(querystr)
                var arr1=querystr.split('&');
              //  alert(arr1)
                var arr2= [];
                for  (i in arr1){
                    var ta=arr1[i].split('=');
                    alert(ta[1])
                   	arr2.push(ta[1]);
                }
              	alert(arr2[0])
                return arr2;
		});
	
	
		$('.tabMain').click(function(){
			$('.tabMain').css({
				'color':'black'
			});
			var a = $('.tabMain').index($(this));
			$(this).css({
				'color':'red'
			});
			$('.main111').css({
				'display':'none'
			});
			$('.main111').eq(a).css({
				'display':'block'
			});
		})
	</script>
</html>